<div style="background-color: #FFF; overflow: hidden">
	<div title="{{$.lp.base}}" class="MWFTab">
        <table width="100%" border="0" cellpadding="5" cellspacing="0" class="editTable">
            <tr>
                <td class="editTableTitle">{{$.lp.id}}:</td>
                <td class="editTableValue"><input type="text" name="id" value="text{$.id}" class="editTableInput"/></td>
            </tr>
            <tr>
                <td class="editTableTitle">{{$.lp.name}}:</td>
                <td class="editTableValue"><input type="text" name="name" value="text{$.name}" class="editTableInput"/></td>
            </tr>
            <tr>
                <td class="editTableTitle">{{$.lp.description}}:</td>
                <td class="editTableValue"><input type="text" name="description" value="text{$.description}" class="editTableInput"/></td>
            </tr>
            <tr>
                <td class="editTableTitle">{{$.lp.handwriting}}:</td>
                <td class="editTableValue">
                    <input type="radio" onclick="if (this.checked){
                        $('text{$.pid}tabletWidth').setStyle('display', '');
                        $('text{$.pid}tabletHeight').setStyle('display', '');
                        $('text{$.pid}tabletActionBar').setStyle('display', '');
                       }" name="isHandwriting" value="yes" text{($.isHandwriting!='no')?'checked':''}/>{{$.lp.yes}}
                    <input type="radio" onclick="if (this.checked){
                        $('text{$.pid}tabletWidth').setStyle('display', 'none');
                        $('text{$.pid}tabletHeight').setStyle('display', 'none');
                        $('text{$.pid}tabletActionBar').setStyle('display', 'none');
                       }" name="isHandwriting" value="no" text{($.isHandwriting=='no')?'checked':''}/>{{$.lp.no}}
                </td>
            </tr>
            <tr id="text{$.pid}tabletWidth" style="display: text{($.isHandwriting=='no')?'none':''};">
                <td class="editTableTitle">{{$.lp.writingBoard}}<br/>{{$.lp.width}}:</td>
                <td class="editTableValue">
                    <input type="text" name="tabletWidth" value="text{$.tabletWidth}" class="editTableInputNoWidth" style="width: 100px;margin-right:5px;" />px
                    <div style="color: #666">({{$.lp.tabletSizeNote}})</div>
                </td>
            </tr>
            <tr id="text{$.pid}tabletHeight" style="display: text{($.isHandwriting=='no')?'none':''};">
                <td class="editTableTitle">{{$.lp.writingBoard}}<br/>{{$.lp.height}}:</td>
                <td class="editTableValue">
                    <input type="text" name="tabletHeight" value="text{$.tabletHeight}" class="editTableInputNoWidth" style="width: 100px;;margin-right:5px;" />px
                    <div style="color: #666">({{$.lp.tabletSizeNote}})</div>
                </td>
            </tr>
            <tr id="text{$.pid}tabletActionBar" style="display: text{($.isHandwriting=='no')?'none':''};">
                <td class="editTableTitle">{{$.lp.actionBar}}:</td>
                <td class="editTableValue">
                    <input class="editTableRadio" name="toolHidden" text{(($.toolHidden || []).indexOf('eraser')!=-1)?'checked':''} type="checkbox" value="eraser"/>{{$.lp.hideEraserButton}}<br/>
                    <input class="editTableRadio" name="toolHidden" text{(($.toolHidden || []).indexOf('eraserRadio')!=-1)?'checked':''} type="checkbox" value="eraserRadio"/>{{$.lp.hideEraserRadioButton}}<br/>
                    <input class="editTableRadio" name="toolHidden" text{(($.toolHidden || []).indexOf('size')!=-1)?'checked':''} type="checkbox" value="size"/>{{$.lp.hideSizeButton}}<br/>
                    <input class="editTableRadio" name="toolHidden" text{(($.toolHidden || []).indexOf('color')!=-1)?'checked':''} type="checkbox" value="color"/>{{$.lp.hideColorButton}}<br/>
                    <input class="editTableRadio" name="toolHidden" text{(($.toolHidden || []).indexOf('image')!=-1)?'checked':''} type="checkbox" value="image"/>{{$.lp.hideImageButton}}<br/>
                    <input class="editTableRadio" name="toolHidden" text{(($.toolHidden || []).indexOf('imageClipper')!=-1)?'checked':''} type="checkbox" value="imageClipper"/>{{$.lp.hideImageClipperButton}}<br/>
                    <div style="color: #666">({{$.lp.tabletToolbarNote}})</div>
                </td>
            </tr>
            <tr>
                <td class="editTableTitle">{{$.lp.recording}}:</td>
                <td class="editTableValue">
                    <input type="radio" name="isAudio" value="yes" text{($.isAudio!='no')?'checked':''}/>{{$.lp.yes}}
                    <input type="radio" name="isAudio" value="no" text{($.isAudio=='no')?'checked':''}/>{{$.lp.no}}
                </td>
            </tr>
            <tr>
                <td class="editTableTitle">{{$.lp.writingPreview}}:</td>
                <td class="editTableValue">
                    <input type="radio" name="isHandwritingPreview" value="yes" text{($.isHandwritingPreview!='no')?'checked':''}/>{{$.lp.yes}}
                    <input type="radio" name="isHandwritingPreview" value="no" text{($.isHandwritingPreview=='no')?'checked':''}/>{{$.lp.no}}
                </td>
            </tr>
<!--            <tr>-->
<!--                <td class="editTableTitle">{{$.lp.commonIdea}}:</td>-->
<!--                <td class="editTableValue">-->
<!--                    <input type="radio" name="isSelectIdea" value="yes" text{($.isSelectIdea=='yes')?'checked':''}/>{{$.lp.yes}}-->
<!--                    <input type="radio" name="isSelectIdea" value="no" text{($.isSelectIdea!='yes')?'checked':''}/>{{$.lp.no}}-->
<!--                </td>-->
<!--            </tr>-->
        </table>
		
		<div class="MWFMaplist" name="styles" title="{{$.lp.style}}"></div>
        <div class="MWFMaplist" name="inputStyles" title="{{$.lp.inputStyle}}"></div>
		<div class="MWFMaplist" name="properties" title="{{$.lp.attribute}}"></div>

        <div class="MWFValidation" name="validationConfig"></div>
        <div class="MWFScriptArea" name="validation" title="{{$.lp.verificationScript}} (S)"></div>
	</div>
	<div title="{{$.lp.event}}"  class="MWFTab">
		<div class="MWFEventsArea" name="events"></div>
	</div>
	<div title="HTML"  class="MWFTab">
		<div class="MWFHTMLArea" style="font-family: Verdana, Geneva, sans-serif; font-size:14px"></div>
	</div>
    <div title="JSON"  class="MWFTab">
        <div class="MWFJSONArea" style="font-family: Verdana, Geneva, sans-serif; font-size:14px"></div>
    </div>
</div>
